<html style="height: 100%">
  <head>
    <meta name="viewport" content="width=device-width, minimum-scale=0.1" />
    <title>341712287673_.pic.jpg (828×1792)</title>
  </head>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
    img {
      width: 414px;
      height: auto;
    }
    .wrap {
      width: 414px;
      height: auto;
      position: relative;
      margin: auto;
      transform: rotate(90deg);
    }
    .phoneTime {
      position: absolute;
      top: 14px;
      background-color: #ffffff;
      left: 29px;
      font-size: 16px;
      color: #000;
      font-weight: 500;
    }
    .phoneTime>span{
        position: relative;
        top: -2px;
    }
    .date {
      position: absolute;
      background-color: #fff;
      left: 26px;
      color: rgb(41 133 237);
      font-size: 13px;
      top: 145px;
      font-weight: 300;
    }
    .count {
      position: absolute;
      top: 189px;
      background-color: #f7f7f7;
      left: 32px;
      font-size: 16px;
      color: #555;
      font-weight: 300;
    }
    .totalMoney {
      position: absolute;
      top: 190px;
      background-color: #f7f7f7;
      left: 230px;
      font-size: 15px;
      color: #949da9;
      padding-right: 10px;
      font-weight: 300;
    }
    .date1 {
      position: absolute;
      top: 280px;
      background-color: #ffffff;
      left: 16px;
      font-size: 15px;
      color: #949da9;
      padding-right: 10px;
      font-weight: 300;
    }
    .date2 {
      position: absolute;
      top: 373px;
      background-color: #ffffff;
      left: 16px;
      font-size: 15px;
      color: #949da9;
      padding-right: 10px;
      font-weight: 300;
    }
    .date3 {
      position: absolute;
      top: 466px;
      background-color: #ffffff;
      left: 16px;
      font-size: 15px;
      color: #949da9;
      padding-right: 10px;
      font-weight: 300;
    }
    .date4 {
      position: absolute;
      top: 558px;
      background-color: #ffffff;
      left: 16px;
      font-size: 15px;
      color: #949da9;
      padding-right: 10px;
      font-weight: 300;
    }
    .date5 {
      position: absolute;
      top: 651px;
      background-color: #ffffff;
      left: 16px;
      font-size: 15px;
      color: #949da9;
      padding-right: 10px;
      font-weight: 300;
    }
    .date6 {
      position: absolute;
      top: 744px;
      background-color: #ffffff;
      left: 16px;
      font-size: 15px;
      color: #949da9;
      padding-right: 10px;
      font-weight: 300;
    }
  </style>
  <body style="margin: 0px; height: 100%; background-color: rgb(14, 14, 14)">
    <div class="wrap">
      <p class="phoneTime">09<span>:</span>56</p>
      <div class="date">
        <p>2023.01.01-2024.01.01</p>
      </div>
      <p class="count">15</p>
      <p class="totalMoney">313,234.39</p>
      <div class="date1">
        <p>2023-10-20 17:36:01</p>
      </div>
      <div class="date2">
        <p>2023-09-20 16:40:51</p>
      </div>
      <div class="date3">
        <p>2023-08-22 17:01:16</p>
      </div>
      <div class="date4">
        <p>2023-07-21 16:35:55</p>
      </div>
      <div class="date5">
        <p>2023-06-20 17:20:58</p>
      </div>
      <div class="date6">
        <p>2023-05-20 16:45:57</p>
      </div>
      <img
        style="
          display: block;
          -webkit-user-select: none;
          margin: auto;
          cursor: zoom-in;
          background-color: hsl(0, 30%, 69%);
          transition: background-color 300ms;
        "
        src="./341712287673_.pic.jpg"
        width="359"
        height="779"
      />
    </div>
  </body>
</html>
